<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Alignment Tools, Guides and the Grid</title>
<link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

    <h2>Alignment Tools, Guides and the Grid</h2>
    
    <p>In order to facilitate the drawing of pleasing diagrams,  various alignment tools are provided. These are available from the main "View-&gt;Position" menu item, from the main toolbar or by right-clicking on the diagram's canvas area to select the "Position" menu items. These are as follows:</p>
    
    <table>
      <tr valign="top">
        <td><strong>Zoom in / Zoom out / Actual Size:</strong></td>
        <td>Zoom in and out of the diagram.  This is also available on the toolbar as a combo box. You can also Zoom in and out by holding the Ctrl key and scrolling the mouse wheel.</td>
      </tr>
      <tr valign="top">
        <td><strong>Snap to Grid:</strong></td>
        <td>Snaps elements to the Grid whether it is visible or not. (Grid spacing can be set in <a href="prefs_diagram.html">Preferences</a>.)</td>
      </tr>
      <tr valign="top">
        <td><strong>Grid Visible:</strong></td>
        <td>Toggles the  visibility of the Grid. (Grid spacing can be set in <a href="prefs_diagram.html">Preferences</a>.)</td>
      </tr>
      <tr valign="top">
        <td><strong>Snap to Alignment Guides:</strong></td>
        <td>These are blue alignment guides (lines) that appear when elements are dragged in a diagram. They assist in lining the edges and centres of elements.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Left:</strong></td>
        <td>When two or more elements are selected align on the left edge of the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Center:</strong></td>
        <td>When two or more elements are selected align centrally horizontally to the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Right:</strong></td>
        <td>When two or more elements are selected align on the right edge of the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Top:</strong></td>
        <td>When two or more elements are selected align on the top edge of the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Middle:</strong></td>
        <td>When two or more elements are selected align centrally vertically to the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Align Bottom:</strong></td>
        <td>When two or more elements are selected align on the bottom edge of the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Match Width:</strong></td>
        <td>When two or more elements are selected match the width of the elements to the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Match Height:</strong></td>
        <td>When two or more elements are selected match the height of the elements to the primary selection.</td>
      </tr>
      <tr valign="top">
        <td><strong>Default Size:</strong></td>
        <td>Set the selected element to its default size. If disabled then the element is already set to its default size.</td>
      </tr>
    </table>

    <p>For information about the primary selection see <a href="view_palette_tools.html">Palette Selection Tools</a>.</p>
    
    <p>&nbsp;</p>

</body>
</html>
